<div class="footer clearfix" id="wechat-foot">
    <a href="/FrontIndex/home_index" class="fl {if $nav == 'index'}active{/if}">
        <i class="icon home_gray3x icon_home"></i>
        <p>首页</p>
    </a>
    <a href="/FrontService/service_index" class="fl {if $nav == 'service'}active{/if} ">
        <i class="icon icon_service3x icon_service"></i>
        <p>服务</p>
    </a>
    <a href="/FrontEnjoy/enjoy_index" class="fl {if $nav == 'enjoy'}active{/if}">
        <i class="icon icon_circle3x icon_circle"></i>
        <p>创享圈</p>
    </a>
    <a href="/FrontUserCenter/personal" class="fl {if $nav == 'me'}active{/if}">
        <i class="icon icon_me3x icon_me"></i>
        <p>我的</p>
    </a>
</div>
<script type="text/javascript">
    $('.footer').find('a').on('click', function(){
        $(this).addClass('active').siblings().removeClass('active');
    })
</script>
